<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/includefile.jsp"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
body{
font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simhei,"黑体";
}
</style>
<script>
function makeQrCode(){
	$.ajax({
		url:"qrCode!makeQrCode.html",
		type:"POST",
		data:{
			  "publicMap.qrCodeLogo":$('#logoAddress').val(),
			  "publicMap.qrCodeContent":$('#qrCodeContent').val()
			 },
	    dataType:"json",
	    success:function(data){
	    	$('#qrCodeImg').attr("src",data.result);
	    }
		
	});
}
</script>
<title>制作二维码</title>
</head>
<body class="skin-blue">

<div class="wrapper">

 <header class="main-header">
 <s:action name="main!navbar" executeResult="true"></s:action>
 </header>
 <aside class="main-sidebar">
   <s:action name="main!menu" executeResult="true"></s:action>
 </aside>


<div class="content-wrapper">
<!-- 页面标题 start -->
 <section class="content-header">
   <h1>二维码<small>制作二维码</small></h1>
   <ol class="breadcrumb">
      <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
      <li><a href="#">二维码</a></li>
      <li class="active">制作二维码</li>
   </ol>
 </section>
 <!-- 页面标题 end -->
 <!-- 页面内容 start -->
 <section class="content">
   <div class='row'>
     <div class='col-md-12'>
       <div class="box box-primary">
         <div class="box-header">
            <i class="fa fa-edit"></i>
            <h3 class="box-title">二维码制作</h3>
         </div>
         <div class="box-body pad table-responsive">
           <table class="table text-center">
             <tbody>
              <tr>
               <td class="col-sm-offset-1 col-sm-5">
                <div class="input-group">
                 <div class="input-group-addon">
                 <i class="fa fa-clock-o"></i>&nbsp;&nbsp;LOGO
                </div>
                <input type="text" class="form-control pull-right" id="logoAddress" placeholder="请输入作为二维码LOGO的图片地址"/>
                </div>
               </td>
               <td rowspan="3" class="col-sm-offset-1 col-sm-5">
                 <img src="" alt="二维码" class="img-thumbnail" id="qrCodeImg"/>
               </td>
             </tr>
             <tr>
               <td class="col-sm-offset-1 col-sm-5">
                <div class="input-group">
                 <div class="input-group-addon">
                 <i class="fa fa-clock-o"></i>&nbsp;&nbsp;内容
                </div>
                <input type="text" class="form-control pull-right" id="qrCodeContent" placeholder="请输入二维码的内容"/>
                </div>
               </td>
             </tr>
              <tr>
                <td class="col-sm-offset-1 col-sm-5">
                 <button type="button" class="btn btn-success" onclick="makeQrCode();">生成二维码</button>
                </td>
              </tr>
            </tbody>
           </table>
         </div>
       </div>
     </div>
   </div>
 </section>
 <!-- 页面内容 end -->
 </div>
 </div>
</body>
</html>
		